/* Colors */
.theme-color-5071BE {
	color: #5071BE;
}

.theme-color-0055b2 {
	color: #0055b2;
}

.theme-color-2f8cec {
	color: #2f8cec;
}

.theme-color-2C8EEF {
	color: #2C8EEF;
}

.theme-color-0fb6da {
	color: #0fb6da;
}

.theme-color-f5a34b {
	color: #f5a34b;
}

.theme-color-C1C1C1 {
	color: #C1C1C1;
}

.theme-color-red {
	color: red;
}

.theme-color-fff {
	color: #fff;
}

.theme-color-353535 {
	color: #353535;
}

.theme-color-green {
	color: green;
}

.theme-color-lightsalmon {
	color: lightsalmon;
}

.theme-color-lightpink {
	color: lightpink;
}

.theme-color-lightseagreen {
	color: lightseagreen;
}

.theme-color-lightcoral {
	color: lightcoral;
}

.theme-color-purple {
	color: purple;
}

.theme-color-4374A6 {
	color: #4374A6;
}

.theme-color-E5E5E5 {
	color: #E5E5E5;
}

/* Background */
.theme-color-F2F3F4-bg {
	background-color: #F2F3F4;
}

.theme-color-F0F5FA-bg {
	background-color: #F0F5FA;
}

.theme-color-D9E2EF-bg {
	background-color: #D9E2EF;
}

.theme-color-2C8EEF-bg {
	background-color: #2C8EEF;
}

.theme-color-0055b2-bg {
	background-color: #0055b2;
}

.theme-color-2f8cec-bg {
	background-color: #2f8cec;
}

.theme-color-0fb6da-bg {
	background-color: #0fb6da;
}

.theme-color-fff-bg {
	background-color: #fff;
}

.theme-color-f5f5f5-bg {
	background-color: #f5f5f5;
}

/* Border */
.theme-color-0055b2-border {
	border-color: #0055b2;
}

.theme-color-0fb6da-border {
	border-color: #0fb6da;
}

.theme-color-ccc-border {
	border: 1px solid #ccc;
}

;


/* Padding */
.pd-0 {
	padding: 0;
}

.pd-4 {
	padding: 4px;
}

.pd-5 {
	padding: 5px;
}

.pd-10 {
	padding: 10px;
}

.pd-10 {
	padding: 10px;
}

.pd-15 {
	padding: 15px;
}

.pd-20 {
	padding: 20px;
}

.pd-25 {
	padding: 25px;
}

.pd-30 {
	padding: 30px;
}

.pd-l-5 {
	padding-left: 5px;
}

.pd-l-10 {
	padding-left: 10px;
}

.pd-l-15 {
	padding-left: 15px;
}

.pd-l-20 {
	padding-left: 20px;
}

.pd-l-25 {
	padding-left: 25px;
}

.pd-l-30 {
	padding-left: 30px;
}

.pd-l-40 {
	padding-left: 40px;
}

.pd-l-50 {
	padding-left: 50px;
}

.pd-l-120 {
	padding-left: 120px;
}

.pd-l-140 {
	padding-left: 140px;
}

.pd-l-160 {
	padding-left: 160px;
}

.pd-r-2 {
	padding-right: 2px;
}

.pd-r-3 {
	padding-right: 3px;
}

.pd-r-4 {
	padding-right: 4px;
}

.pd-r-5 {
	padding-right: 5px;
}

.pd-r-6 {
	padding-right: 6px;
}

.pd-r-7 {
	padding-right: 7px;
}

.pd-r-8 {
	padding-right: 8px;
}

.pd-r-9 {
	padding-right: 9px;
}

.pd-r-10 {
	padding-right: 10px;
}

.pd-r-15 {
	padding-right: 15px;
}

.pd-r-20 {
	padding-right: 20px;
}

.pd-r-25 {
	padding-right: 25px;
}

.pd-r-30 {
	padding-right: 30px;
}

.pd-t-1 {
	padding-top: 1px;
}

.pd-t-2 {
	padding-top: 2px;
}

.pd-t-3 {
	padding-top: 3px;
}

.pd-t-4 {
	padding-top: 4px;
}

.pd-t-5 {
	padding-top: 5px;
}

.pd-t-6 {
	padding-top: 6px;
}

.pd-t-7 {
	padding-top: 7px;
}

.pd-t-8 {
	padding-top: 8px;
}

.pd-t-9 {
	padding-top: 9px;
}

.pd-t-10 {
	padding-top: 10px;
}

.pd-t-15 {
	padding-top: 15px;
}

.pd-t-20 {
	padding-top: 20px;
}

.pd-t-25 {
	padding-top: 25px;
}

.pd-t-30 {
	padding-top: 30px;
}

.pd-b-10 {
	padding-bottom: 10px;
}

.pd-b-15 {
	padding-bottom: 15px;
}

.pd-b-20 {
	padding-bottom: 20px;
}

.pd-b-25 {
	padding-bottom: 25px;
}

.pd-b-30 {
	padding-bottom: 30px;
}

/* Margin */
.mg-0 {
	margin: 0;
}

.mg-10 {
	margin: 10px;
}

.mg-15 {
	margin: 15px;
}

.mg-20 {
	margin: 20px;
}

.mg-25 {
	margin: 25px;
}

.mg-30 {
	margin: 30px;
}

.mg-l-4 {
	margin-left: 4px;
}

.mg-l-5 {
	margin-left: 5px;
}

.mg-l-10 {
	margin-left: 10px;
}

.mg-l-15 {
	margin-left: 15px;
}

.mg-l-20 {
	margin-left: 20px;
}

.mg-l-25 {
	margin-left: 25px;
}

.mg-l-30 {
	margin-left: 30px;
}

.mg-l-40 {
	margin-left: 40px;
}

.mg-l-50 {
	margin-left: 50px;
}

.mg-l-120 {
	margin-left: 120px;
}

.mg-l-140 {
	margin-left: 140px;
}

.mg-l-160 {
	margin-left: 160px;
}

.mg-r-5 {
	margin-right: 5px;
}

.mg-r-10 {
	margin-right: 10px;
}

.mg-r-15 {
	margin-right: 15px;
}

.mg-r-20 {
	margin-right: 20px;
}

.mg-r-25 {
	margin-right: 25px;
}

.mg-r-30 {
	margin-right: 30px;
}

.mg-t-10 {
	margin-top: 10px;
}

.mg-t-15 {
	margin-top: 15px;
}

.mg-t-20 {
	margin-top: 20px;
}

.mg-t-25 {
	margin-top: 25px;
}

.mg-t-30 {
	margin-top: 30px;
}

.mg-t-40 {
	margin-top: 40px;
}

.mg-b-6 {
	margin-bottom: 6px;
}

.mg-b-10 {
	margin-bottom: 10px;
}

.mg-b-15 {
	margin-bottom: 15px;
}

.mg-b-20 {
	margin-bottom: 20px;
}

.mg-b-25 {
	margin-bottom: 25px;
}

.mg-b-30 {
	margin-bottom: 30px;
}

/* Font Size */
.fz-7 {
	font-size: 7px;
}

.fz-8 {
	font-size: 8px;
}

.fz-9 {
	font-size: 9px;
}

.fz-10 {
	font-size: 10px;
}

.fz-12 {
	font-size: 12px;
}

.fz-14 {
	font-size: 14px;
}

.fz-16 {
	font-size: 16px;
}

.fz-18 {
	font-size: 18px;
}

.fz-20 {
	font-size: 20px;
}

.fz-24 {
	font-size: 24px;
}

/* Add more as needed */

/* Font Weight */
.fw-100 {
	font-weight: 100;
}

.fw-200 {
	font-weight: 200;
}

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}


/*  Radius */
.radio-0 {
	border-radius: 0;
}

.radio-2 {
	border-radius: 2px;
}

.radio-4 {
	border-radius: 4px;
}

.radio-6 {
	border-radius: 6px;
}

.radio-8 {
	border-radius: 8px;
}

.radio-10 {
	border-radius: 10px;
}

.radio-12 {
	border-radius: 12px;
}

.radio-16 {
	border-radius: 16px;
}

/* Add more as needed */


/*Flex*/

.flex {
	display: flex;
	align-items: center;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.flex-center-x {
	display: flex;
	justify-content: center;
}

.flex-center-y {
	display: flex;
	align-items: center;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2;
}

.flex-3 {
	flex: 3;
}

.flex-4 {
	flex: 4;
}

.flex-5 {
	flex: 5;
}

.flex-6 {
	flex: 6;
}

.flex-7 {
	flex: 7;
}

.flex-8 {
	flex: 8;
}

.flex-9 {
	flex: 9;
}

.flex-10 {
	flex: 10;
}

.flex-20 {
	flex: 20;
}

.flex-25 {
	flex: 25;
}

.flex-30 {
	flex: 30;
}


.block {
	display: block;
}

.inlineBlock {
	display: inline-block;
}

/* width*/
.w10 {
	width: 10px;
}

.w20 {
	width: 20px;
}

.w30 {
	width: 30px;
}

.w40 {
	width: 40px;
}

.w50 {
	width: 50px;
}

.w60 {
	width: 60px;
}

.w70 {
	width: 70px;
}

.w80 {
	width: 80px;
}

.w90 {
	width: 90px;
}

.w100 {
	width: 100px;
}

.w110 {
	width: 110px;
}

.w120 {
	width: 120px;
}

.w130 {
	width: 130px;
}

.w140 {
	width: 140px;
}

.w150 {
	width: 150px;
}

.w160 {
	width: 160px;
}

.w170 {
	width: 170px;
}

.w180 {
	width: 180px;
}

.w200 {
	width: 200px;
}

.w300 {
	width: 300px;
}

.w400 {
	width: 400px;
}

.w500 {
	width: 500px;
}

.w600 {
	width: 600px;
}

.w700 {
	width: 700px;
}

.w800 {
	width: 800px;
}

.w900 {
	width: 900px;
}

.w1000 {
	width: 1000px;
}

.w1100 {
	width: 1100px;
}

.w1200 {
	width: 1200px;
}

.w1300 {
	width: 1300px;
}

/* height */
.h10 {
	height: 10px;
}

.h20 {
	height: 20px;
}

.h30 {
	height: 30px;
}

.h40 {
	height: 40px;
}

.h50 {
	height: 50px;
}

.h60 {
	height: 60px;
}

.h70 {
	height: 70px;
}

.h80 {
	height: 80px;
}

.h90 {
	height: 90px;
}

.h100 {
	height: 100px;
}

.h110 {
	height: 110px;
}

.h120 {
	height: 120px;
}

.h130 {
	height: 130px;
}

.h140 {
	height: 140px;
}

.h150 {
	height: 150px;
}

.h160 {
	height: 160px;
}

.h170 {
	height: 170px;
}

.h180 {
	height: 180px;
}
.h360 {
	height: 360px;
}

/*line-height*/
.line-h10 {
	line-height: 10px;
}

.line-h20 {
	line-height: 20px;
}

.line-h30 {
	line-height: 30px;
}

.line-h40 {
	line-height: 40px;
}

.line-h50 {
	line-height: 50px;
}

.line-h60 {
	line-height: 60px;
}

.line-h70 {
	line-height: 70px;
}

.line-h80 {
	line-height: 80px;
}

.line-h90 {
	line-height: 90px;
}

.line-h100 {
	line-height: 100px;
}

/*text align*/
.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.tal {
	text-align: left;
}

/*vertical-align */
.vac {
	vertical-align: center;
}

.vat {
	vertical-align: top;
}

.vab {
	vertical-align: bottom;
}

.vam {
	vertical-align: middle;
}


::-webkit-scrollbar {
	width: 8px;
	height: 12px;
	background-color: #F8F8F8;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: #C1C1C1;
}

//pointer
.pointer {
	cursor: pointer;
}

.all-scroll {
	cursor: all-scroll;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

//超出的文字隐藏并显示省略号
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	// \\\ ie 10+
	-ms-text-overflow: ellipsis;
	// \\\ ie 9-
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

//换行
.wrap {
	wiwidth: 140px;dth: 40%;
	/* 定义容器宽度 */
	word-wrap: break-word;
	/* 允许在单词内换行 */
	overflow-wrap: break-word;
	/* 同上，现代浏览器推荐使用这个属性别名 */
	white-space: normal;
	/* 允许自动换行 */
}

.download-btn {
	text-align: center;
	background: #000000;
	color: #fff;
	padding: 5px 10px;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
.pdf—class img{
	width: 140px;
	height: 140px;
}